<template>
	<view class="box">
		<view class="main" v-for="(item,index) in list" :key="index">
			<p>
				<image :src="item.Image1" mode=""></image>
				{{item.title}}
			</p>
			<input type="text" placeholder="请输入内容">
		</view>
		<button id="but">提交</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						Image1: "/static/xing.png",
						title: "昵称",
					},
					{
						Image1: "/static/xing.png",
						title: "真实姓名"
					},
				 {
						Image1: "/static/xing.png",
						title: "手机号"
					},
					{
						Image1: "/static/xing.png",
						title: "队伍"
					},
				]
			}
		},
		onLoad() {

		},
		methods: {
			change: function() {
				uni.navigateTo({
					url: "/pages/answer/unlock"
				})
			}
		}
	}
</script>

<style>
	.main {
		width: 90%;
		margin: 0.5rem auto;
		padding: 1rem 0;
	}

	.main p {
		font-size: 1.2rem;
	}

	.main p image {
		width: 1rem;
		height: 1rem;
	}

	.main input {
		width: 100%;
		border-bottom: 0.1rem #ccc solid;
		margin: 1rem 0;
		padding: 0.5rem;
	}
	button{background-color:#f00;color:#fff;width:90%;margin:1rem auto;border-radius:0.5rem;}
</style>
